<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>票无忧官方网站</title>
    <link rel="stylesheet" type="text/css" href="../css/overall_style.css">
    <link rel="shortcut icon" href="../imgs/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../plugins/layui/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"
          media="all">
    <link rel="stylesheet" href="../css/index/index.css">
    <link rel="stylesheet" href="../css//movies/movies.css">
    <script src="../js/conf.js"></script>
</head>
<body>
<div class="top_box" id="pwy_nav">

</div>
<!-- 中间内容 -->
<div class="middle_box">
    <div class="main">
        <!-- 菜单 -->
        <nav class="subnav">
            <a onclick="ontype(this,0)" class="selected">正在热映</a>
            <a onclick="ontype(this,0)">即将上映</a>
            <a onclick="ontype(this,0)">经典影片</a>
        </nav>
        <div class="container">
            <!-- 选择区 -->
            <div class="area">
                <div class="item clearfix">
                    <div class="left">类型：</div>
                    <div class="right">
                        <ul class="clearfix">
                            <li><a onclick="ontype(this,1)" class="selected" id="selected">全部</a></li>
                            <li><a onclick="ontype(this,1)">爱情</a></li>
                            <li><a onclick="ontype(this,1)">喜剧</a></li>
                            <li><a onclick="ontype(this,1)">动画</a></li>
                            <li><a onclick="ontype(this,1)">剧情</a></li>
                            <li><a onclick="ontype(this,1)" >恐怖</a></li>
                            <li><a onclick="ontype(this,1)">惊悚</a></li>
                            <li><a onclick="ontype(this,1)">科幻</a></li>
                            <li><a onclick="ontype(this,1)">动作</a></li>
                            <li><a onclick="ontype(this,1)">悬疑</a></li>
                            <li><a onclick="ontype(this,1)">犯罪</a></li>
                            <li><a onclick="ontype(this,1)">冒险</a></li>
                            <li><a onclick="ontype(this,1)">战争</a></li>
                            <li><a onclick="ontype(this,1)">奇幻</a></li>
                            <li><a onclick="ontype(this,1)">运动</a></li>
                            <li><a onclick="ontype(this,1)">家庭</a></li>
                            <li><a onclick="ontype(this,1)">古装</a></li>
                            <li><a onclick="ontype(this,1)">武侠</a></li>
                            <li><a onclick="ontype(this,1)">西部</a></li>
                            <li><a onclick="ontype(this,1)">历史</a></li>
                            <li><a onclick="ontype(this,1)">传记</a></li>
                            <li><a onclick="ontype(this,1)">歌舞</a></li>
                            <li><a onclick="ontype(this,1)">黑色电影</a></li>
                            <li><a onclick="ontype(this,1)">短片</a></li>
                            <li><a onclick="ontype(this,1)">纪录片</a></li>
                            <li><a onclick="ontype(this,1)">其他</a></li>
                        </ul>
                    </div>
                </div>
                <div class="item clearfix">
                    <div class="left">区域：</div>
                    <div class="right">
                        <ul class="clearfix">
                            <li><a onclick="ontype(this,2)" class="selected">全部</a></li>
                            <li><a onclick="ontype(this,2)">中国大陆</a></li>
                            <li><a onclick="ontype(this,2)">美国</a></li>
                            <li><a onclick="ontype(this,2)">韩国</a></li>
                            <li><a onclick="ontype(this,2)">日本</a></li>
                            <li><a onclick="ontype(this,2)">中国香港</a></li>
                            <li><a onclick="ontype(this,2)">中国台湾</a></li>
                            <li><a onclick="ontype(this,2)">泰国</a></li>
                            <li><a onclick="ontype(this,2)">印度</a></li>
                            <li><a onclick="ontype(this,2)">法国</a></li>
                            <li><a onclick="ontype(this,2)">英国</a></li>
                            <li><a onclick="ontype(this,2)">俄罗斯</a></li>
                            <li><a onclick="ontype(this,2)">意大利</a></li>
                            <li><a onclick="ontype(this,2)">西班牙</a></li>
                            <li><a onclick="ontype(this,2)">德国</a></li>
                            <li><a onclick="ontype(this,2)">波兰</a></li>
                            <li><a onclick="ontype(this,2)">澳大利亚</a></li>
                            <li><a onclick="ontype(this,2)">伊朗</a></li>
                            <li><a onclick="ontype(this,2)">其他</a></li>
                        </ul>
                    </div>
                </div>
                <div class="item clearfix">
                    <div class="left">年代：</div>
                    <div class="right">
                        <ul class="clearfix">
                            <li><a onclick="ontype(this,3)" class="selected">全部</a></li>
                            <li><a onclick="ontype(this,3)">2029</a></li>
                            <li><a onclick="ontype(this,3)">2028</a></li>
                            <li><a onclick="ontype(this,3)">2027</a></li>
                            <li><a onclick="ontype(this,3)">2026</a></li>
                            <li><a onclick="ontype(this,3)">2025</a></li>
                            <li><a onclick="ontype(this,3)">2024</a></li>
                            <li><a onclick="ontype(this,3)">2023</a></li>
                            <li><a onclick="ontype(this,3)">2022</a></li>
                            <li><a onclick="ontype(this,3)">2021</a></li>
                            <li><a onclick="ontype(this,3)">2020</a></li>
                            <li><a onclick="ontype(this,3)">2019</a></li>
                            <li><a onclick="ontype(this,3)">2018</a></li>
                            <li><a onclick="ontype(this,3)">2017</a></li>
                            <li><a onclick="ontype(this,3)">2016</a></li>
                            <li><a onclick="ontype(this,3)">2015</a></li>
                            <li><a onclick="ontype(this,3)">2014</a></li>
                            <li><a onclick="ontype(this,3)">2013</a></li>
                            <li><a onclick="ontype(this,3)">2012</a></li>
                            <li><a onclick="ontype(this,3)">2011</a></li>
                            <li><a onclick="ontype(this,3)">2000-1010</a></li>
                            <li><a onclick="ontype(this,3)">90年代</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="box">
                <input type="text" class="input" placeholder="请输入电影名"id="search_input">
                <!--placeholder是文本框中的提示文字-->
                <input type="button" value="搜索" class="button" id="search_btn">
            </div>
            <div id="es"></div>

            <!-- 电影列表 -->
            <div class="movies clearfix">
                <div class="movies-sorter">
                    <div class="cat-sorter">
                        <ul>
                            <li>
                                    <span class="sort-control-group" onclick="toTypes()">
                                        <a onclick="hot(this)">
                                            <span class="sort-control sort-radio-checked"></span>
                                        <span class="sort-control-label" >按热门排序</span>
                                        </a>

                                    </span>
                            </li>
                            <li>
                                    <span class="sort-control-group">
                                        <a onclick="hot(this)">
                                            <span class="sort-control sort-radio" ></span>
                                        <span class="sort-control-label">按时间排序</span>
                                        </a>

                                    </span>
                            </li>
                            <li>
                                    <span class="sort-control-group">
                                        <a onclick="hot(this)">
                                            <span class="sort-control sort-radio"></span>
                                        <span class="sort-control-label">按评价排序</span>
                                        </a>

                                    </span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="movies">

                </div>



            </div>
        </div>
    </div>
    <div id="page"></div>
</div>

<!-- 底部 -->
<div class="bottom_box">
    关于猫眼 : 关于我们 董事会成员 投资者关系 友情链接 : 美团网 格瓦拉 美团下载 欢喜首映

    商务合作邮箱：v@maoyan.com 客服电话：10105335 违法和不良信息/涉未成年人有害信息举报电话：4006018900

    用户举报/涉未成年人有害信息举报邮箱：tousujubao@meituan.com 舞弊线索举报邮箱：wubijubao@maoyan.com

    中华人民共和国增值电信业务经营许可证 京B2-20190350 营业性演出许可证 京演（机构）（2019）4094号

    广播电视节目制作经营许可证 （京）字第08478号 网络文化经营许可证 京网文（2022）1334-041号

    艺术品经营单位备案证明 京东艺（2022）0095号

    猫眼用户服务协议 猫眼平台交易规则总则 隐私政策

    京公网安备 11010102003232号 京ICP备16022489号-1

    北京猫眼文化传媒有限公司

    ©2023 猫眼电影 www.maoyan.com
</div>

<script src="../plugins/jquery.min.js"></script>

<script src="../plugins/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
<script src="../js/overall_style.js"></script>
<script src="../js/movies/movies.js"></script>
<script>
    $(function () {
        $("#pwy_nav").load('./nav.html');
    })
</script>
<!-- <script src="/static/build/layui.js"></script> -->
<script>
    layui.use('carousel', function () {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1',
            width: '100%' //设置容器宽度
            ,
            arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });

</script>

</body>
</html>